import React from "react";
import '@/assets/css/Tabbar.scoped.css';

const Tabbar = () =>
{
    const { pathname } = useLocation();
    
    const [active,setActive] = React.useState(pathname);
    
    return (
        <>
            <div className="footer">
                <React.UI.TabBar activeKey={active} onChange={(key:string) => React.navigate(key)}>
                    <React.UI.TabBar.Item
                        key={'/'}
                        icon={React.Icon.AppstoreOutline}
                        title={'首页'}
                    />
                    <React.UI.TabBar.Item
                        key={'/business'}
                        icon={React.Icon.UserOutline}
                        title={'我的'}
                    />
                </React.UI.TabBar>
            </div>
        </>
    )
}

export default Tabbar;